<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="../css/style.css">
  <link rel="stylesheet" href="../css/xiaoguo.css">
  <link rel="stylesheet" href="../common/swiper/swiper-bundle.min.css">
  <script src="../common/swiper/swiper-bundle.min.js"></script>
  <link rel="stylesheet" href="../common/bootstrap/css/bootstrap.min.css">
  <script src="../common/bootstrap/js/bootstrap.min.js"></script>
  <script src="/js/jquery.js"></script>
  <title>装修之家-效果图</title>
  <script>
    $(function () {
      $('.mores').click(function () {
        var mo = $(".mores").attr('src')
        if (mo == '/img/more_.png') {
          $(".mores").attr('src', '/img/canle.png')
          $('.mobile-nav').addClass('show')
        } else {
          $(".mores").attr('src', '/img/more_.png')
          $('.mobile-nav').removeClass('show')
        }
      })
    })


  </script>

</head>

<body>
  <div class="xiaoguo">
   <!-- 头部 -->
  <div class="renovation-hearder centre">
    <ul class="main-top centres">
      <li><a href="#">登录/注册</a></li>
      <li><a href="#">APP/公众号</a></li>
      <li><a href="#">商业合作</a></li>
      <li><a href="#">咨询热线：4000-787-012</a></li>
    </ul>
    <div class="main-bottom centres flex">
      <div class="logo"><img src="../img/logo.jpg" alt=""></div>
      <ul class="main-nav">
        <li><a href="index.html" >首页</a></li>
        <li><a href="zhuangxiu.html">装修公司</a></li>
        <li><a href="shejishi.html">设计师</a></li>
        <li class="">
					
					<a href="xiaoguotu.html" class="active">效果图</a>
					<span class="glyphicon glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
				</li>
        <li>
					<img src="/img/33.jpg" alt="" class="hot">
					<a href="fuwu.html">服务</a>
					<span class="glyphicon glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
				</li>
      </ul>
      <div class="main-search ">
        <div class="bule">
          装修公司
          <span class="glyphicon glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
        </div>
        <input type="search" name="" id="" placeholder="请输入公司名称或关键字" />
      </div>
      <div class="more">
        <img src="../img/more_.png" alt="" class="mores">
      </div>
      <!-- 手机端导航 -->
      <ul class="mobile-nav" id="mobile-nav">
        <li><a href="index.html" >首页</a></li>
        <li><a href="zhuangxiu.html">装修公司</a></li>
        <li><a href="shejishi.html">设计师</a></li>
        <li><a href="xiaoguotu.html "   class="mobile-active">
					效果图
					

				</a></li>
        <li>
				
					<a href="fuwu.html">服务</a>
				</li>
      </ul>
    </div>
  </div>


    <div class="banner">
      <div class="swiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide"><img src="../img/50.jpg" alt=""></div>
          <div class="swiper-slide"><img src="../img/50.jpg" alt=""></div>
          <div class="swiper-slide"><img src="../img/50.jpg" alt=""></div>
          <div class="swiper-slide"><img src="../img/50.jpg" alt=""></div>
        </div>
        <div class="swiper-pagination"></div>
      </div>
    </div>
    <div class="title">
      <div class="tits">
        <h1>装修美图</h1>
        <p>精美美图推荐</p>
      </div>
      <button>+更多</button>
    </div>
    <div class="content">
      <div class="contents">
        <a href="#"><img src="../img/52.jpg" alt=""></a>
        <h3>现代简约三居室，大气轻奢享生活</h3>
        <p>简约舒适设计将空间最大化展现，留白空间加上温馨软装,清...</p>
        <div class="btn">
          <button onclick=""> < </button>
          <button onclick=""> > </button>
        </div>
        <div class="jian">
          <img src="../img/51.jpg" alt="">
        </div>
      </div>
      <div class="contentss">
        <div class="conts">
         <a href="#"><img src="../img/53.jpg" alt=""></a>
        </div>
        <div class="conts">
          <a href="#"><img src="../img/54.jpg" alt=""></a>
        </div>
        <div class="conts">
          <a href="#"><img src="../img/55.jpg" alt=""></a>
        </div>
        <div class="conts">
          <a href="#"><img src="../img/56.jpg" alt=""></a>
        </div>
      </div>
    </div>
    <div class="title">
      <h1>家具图册</h1>
      <button>+更多</button>
    </div>
    <div class="footer">
      <div class="footers">
        <div class="footerx">
          <a href="#"><img src="../img/57.jpg" alt=""></a>
          <h4>新中式复式淡雅风</h4>
          <p>中式 复式 240平米</p>
          <button>6张</button>
        </div>
        <div class="footerx">
          <a href="#"><img src="../img/58.jpg" alt=""></a>
          <h4>办公室庭院</h4>
          <p>公装 240平米</p>
          <button>4张</button>
        </div>
        <div class="footerx">
          <a href="#"><img src="../img/59.jpg" alt=""></a>
          <h4>现代极简白色系空间</h4>
          <p>简约 三居 110平米</p>
          <button>12张</button>
        </div>
        <div class="footerx">
          <a href="#"><img src="../img/60.jpg" alt=""></a>
          <h4>复古美式效果</h4>
          <p>美式 三居 120平米</p>
        </div>
      </div>
      <div class="footers">
        <div class="footerx">
          <a href="#"><img src="../img/57.jpg" alt=""></a>
          <h4>新中式复式淡雅风</h4>
          <p>中式 复式 240平米</p>
        </div>
        <div class="footerx">
          <a href="#"><img src="../img/58.jpg" alt=""></a>
          <h4>办公室庭院</h4>
          <p>公装 240平米</p>
        </div>
        <div class="footerx">
          <a href="#"><img src="../img/59.jpg" alt=""></a>
          <h4>现代极简白色系空间</h4>
          <p>简约 三居 110平米</p>
        </div>
        <div class="footerx">
          <a href="#"><img src="../img/60.jpg" alt=""></a>
          <h4>复古美式效果</h4>
          <p>美式 三居 120平米</p>
        </div>
      </div>
    </div>
    <div class="renovation-bottom  centre">
      <div class=" centres">
        <div class="bottom-top ">
          <div class="bot-left">
            <ul class="about-bot">
              <h5>关于我们</h5>
              <li><a href="#">关于我们</a></li>
              <li><a href="#">联系我们</a></li>
              <li><a href="#"> 招贤纳士</a></li>
              <li><a href="#">商务合作</a></li>
            </ul>
            <ul class="about-bot">
              <h5>新手上路</h5>
              <li><a href="#">免费注册</a></li>
              <li><a href="#">免费设计</a></li>
              <li><a href="#">免费报价</a></li>
              <li><a href="#">牯修攻路</a></li>
            </ul>
            <ul class="about-bot">
              <h5>帮助中心</h5>
              <li><a href="#">忘记密码</a></li>
              <li><a href="#">侵权投诉</a></li>
              <li><a href="#">法律声明</a></li>
              <li><a href="#">装修问答</a></li>
            </ul>
            <ul class="about-bot">
              <h5>全国统一电话: <span> 4000-787-012</span></h5>
              <li><a href="#">在线咨询:8:30-18:00</a></li>
              <li><a href="#">业务电话:4000-7B7-012</a></li>
              <li><a href="#"> 公司地址:山东省济南市历城区二环东路东环国际广场D做12层</a></li>

            </ul>
          </div>
          <div class="bot-right">
            <img src="/img/weweima_03.png" alt="">
            <p>关注公众号</p>
          </div>

        </div>
        <div class="bottom-center">
          <div class="cen-top"><span>热门装修网</span>&nbsp;&nbsp; 友情链接 </div>
          <div class="cen-bot">
            武汉装修网 合肥装修网 杭州装修网 无铺装修网 青岛鞍修网 兰州装修网 哈尔滨装修网 沈阳装修网 太原敲修网 广州装修网 兰州凄修网 哈尔滨装修网 沈阳装修网 太原装修网 广州装修网 武汉装修网 台肥装修网
            杭洲装修网 无镵菽修网 胄岛跋侮网 兰州装修网 哈尔滨装修网 沈阳装修网 太原装修网 广州装修网 兰州装修网 哈尔滨装修网沈阳装修网 太原装修网 广州装修网

          </div>

        </div>
        <div class="bottom-bottom">
          <div class="bot-wen">
            <div>免责声明:本网站部分内容由用户自行上传，如权利人发现存在误传其作品情形，请及时与本站联系。装修之家我网保留所有权利</div>
            <div> Copyright@2010-2021济南六度网络技术有限公司zzhijia.comALlLRightls Resenved.备案号:鲁ICP备12026533号鲁公网安备37011202000873号
            </div>
          </div>
          <div class="bot-img">
            <img src="/img/30.jpg" alt="">
            <img src="/img/31.jpg" alt="">
          </div>

        </div>





      </div>
    </div>
  </div>
</body>
<script>
  var mySwiper = new Swiper('.swiper', {
      pagination: {
        el: '.swiper-pagination',
      },
    });
</script>

</html>